<!DOCTYPE>
<html>
<head>
    <title id="webtitle">产品独立控制面板</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="text/javascript" src="public/maincss.js"></script>
    <script type="text/javascript" src="public/main.js"></script>

    <style type="text/css">
        body {
            margin: 0;
            padding: 0;
        }

        input{
            appearance:none;
            -moz-appearance:none;
            -webkit-appearance:none;
            background: none;
            border:none;
        }

        .wrap{
            margin: 200px 0 0 200px;
        }

        .box {
            position: relative;
            width: 270px;
            height: 30px;
            border-radius: 20px;
            background: #686B69;
            line-height: 30px;
            overflow: hidden;
            color: #fff;
            font-size: 12px;
        }

        .btn {
            position: absolute;
            top: 0;
            left: 0;
            height: 30px;
            width: 30px;
            background: #0e81cc;
            border-radius: 20px;
            text-align: center;
            z-index: 100;
        }

        .tips {
            position: absolute;
            top: 0;
            left: 0;
            height: 30px;
            width: 270px;
            text-align: center;
            z-index: 99;
        }
    </style>
</head>
<body >
<!--头部开始-->
<div id="header"></div>
<!--头部结束-->
<!--登录开始-->
<div class="clear"></div>
<!-- 内容区 开始 -->
<div class="content" id="content">
    <div class="wide1190" style="position: relative;">
        <!--登陆表单容器 开始-->
        <div class="login-box" id="controlPanelLoginDiv">
            <div class="text-center hide m-login-logo"></div>
            <div class="login-title">产品独立控制面板</div>
            <div class="login-from">

                <el-form ref="formLogin" :model="form" :rules="rules">
                    <el-form-item prop="productClass">
                        <el-select v-model="form.productClass" placeholder="请选择产品" style="width: 270px">
                            <i slot="prefix" class="el-input__icon el-icon-menu"></i>
                            <el-option
                                    v-for="item in proList"
                                    :key="item.productClass"
                                    :label="item.productName"
                                    :value="item.productClass">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item prop="instance">
                        <el-input v-model="form.instance" placeholder="请输入实例ID" style="width: 270px">
                            <i slot="prefix" class="el-input__icon el-icon-user-solid"></i>
                        </el-input>
                    </el-form-item>
                    <el-form-item prop="pwd">
                        <el-input v-model="form.pwd" placeholder="请输入管理密码" style="width: 270px" show-password>
                            <i slot="prefix" class="el-input__icon el-icon-key"></i>
                        </el-input>
                    </el-form-item>
                    <el-form-item>
                        <div class="cl pt-10">
                            <div class="box" id="box">
                                <div class="btn" id="dragEle"></div>
                                <div class="tips" id="tMsg">拖动滑块到最右边</div>
                            </div>
                        </div>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" :disabled="submitVisible" style="width: 270px" @click="login">立即登录</el-button>
                    </el-form-item>
                </el-form>


            </div>
        </div>
    </div>
    <!--登陆表单容器 结束-->
</div>
</div>
<!--登录结束-->
<!--底部开始-->
<div id="loginfooter"></div>
<!--底部结束-->
<script type="text/javascript">
    $(function(){
        $('.login-from').keydown(function(ev){
            var e=ev||event;
            keycode=e.keycode||e.which;
            if(keycode==13){
                $('.g-blue-btn').trigger("click");
            }
        });
    });
</script>
<script type="text/javascript" src="controlPanel/controlPanel.js"></script>
</body>
